@charset "UTF-8";
::-webkit-scrollbar-track-piece {width:5px;background-color:#f8f8f8;}
::-webkit-scrollbar {width:5px;background-color:#ed1c24;}
::-webkit-scrollbar-thumb {width:5px;background-color:#ed1c24;}
::-webkit-scrollbar-thumb:hover {width:5px;background-color:#ed1c24;}
*{box-sizing: border-box;-o-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.basef{color: #005bac;}
.basebg{background: #005bac;}
.normalblock{width: 100%;overflow: hidden;}
.common1200{/*width: 100%;*/position: relative;overflow: visible;/*padding: 0px 10%;*/border: 1px solid rgba(0,0,0,0.00);}

.common1200-2{width: 100%;overflow: visible;max-width: 1200px; margin: auto;position: relative;}
.common1200-3{width: 100%;position: relative;min-height:500px;overflow: visible;padding: 0px 10%;border: 1px solid rgba(0,0,0,0.00);}
.clearfix{clear: both;}
.corange{color: #ff8c6a;}
.ellipsis{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.normalblockimg{width: 100%;display: block;}
.normalblockimg img{width: 100%;transition: all 500ms;}
.imginline img{display: inline-block;}
.imginline2 a{display: inline-block;}
.aline a{display: inline-block;}
.aline {width: 100%;overflow: hidden;}
.imginline2 {text-align: center;}
/*@author */

.c0{color: #000;}
.c1{color: #111;}
.c2{color: #222;}
.c3{color: #333;}
.c4{color: #444;}
.c5{color: #555;}
.c6{color: #666;}
.c7{color: #777;}
.c8{color: #888;}
.c9{color: #999;}
.ca{color: #aaa;}
.cf{color: #fff;}
/*背景颜色*/
.bgf{background: #fff;}
.bg0{background: #000;}
.bg3{background: #222;}
.bg4{background: #444;}
.bg5{background: #555;}
.bg6{background: #666;}
.bgfa{background: #fafafa;}
.bgf1{background: #f1f1f1;}
.bgf2{background: #f2f2f2;}
.bgf8{background: #f8f7f7;}
.bgf9{background: #f9f9f9;}

.bge{background: #eee;}
.bgd{background: #ddd;}
/*字体粗细*/
.fontb{font-weight: 600;}
/*位置*/
.tcenter{text-align: center;}
.tleft{text-align: left;}
.tright{text-align: right;}
.tccpl{text-align: center;}
.tccpr{text-align: center;}
.tcrpc{text-align: right;}
.tclpc{text-align: left;}
.tcrpl{text-align: right;}
.tclpr{text-align: left;}
/*placeholder*/
.inputboxs input[type=text]::-webkit-input-placeholder{}    /* 使用webkit内核的浏览器 */
.inputboxs input[type=text]:-moz-placeholder{}                  /* Firefox版本4-18 */
.inputboxs input[type=text]::-moz-placeholder{}                  /* Firefox版本19+ */
.inputboxs input[type=text]:-ms-input-placeholder{}           /* IE浏览器 */

/*yichu*/
.elli{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

/*动画延迟*/


/*********/


/*动画延迟*/
.delay li:nth-child(1){animation-delay: 100ms;}
.delay li:nth-child(2){animation-delay: 200ms;}
.delay li:nth-child(3){animation-delay: 300ms;}
.delay li:nth-child(4){animation-delay: 400ms;}
.delay li:nth-child(5){animation-delay: 500ms;}
/*********/
/*布局pc*/
.cloumn-pc{display: block;}
.cloumn-1-pc{width: 8.333333%;float: left;padding: 8px 5px;position: relative;}
.cloumn-2-pc{width: 16.666666%;float: left;padding: 8px;position: relative;}
.cloumn-3-pc{width: 24.999999%;float: left;padding: 8px;position: relative;}
.cloumn-4-pc{width: 33.333333%;float: left;padding: 8px;position: relative;}
.cloumn-5-pc{width: 41.666666%;float: left;padding: 8px;position: relative;}
.cloumn-6-pc{width: 49.999999%;float: left;padding: 8px;position: relative;}
.cloumn-7-pc{width: 57.333333%;float: left;padding: 8px;position: relative;}
.cloumn-8-pc{width: 66.666666%;float: left;padding: 8px;position: relative;}
.cloumn-9-pc{width: 74.999999%;float: left;padding: 8px;position: relative;}
.cloumn-10-pc{width: 83.333333%;float: left;padding: 8px;position: relative;}
.cloumn-11-pc{width: 91.666666%;float: left;padding: 8px;position: relative;}
.cloumn-12-pc{width: 100%;float: left;padding: 8px;position: relative;}
/*布局*/







/*bannerpage*/
.banner_page{width: 100%;overflow: hidden;}
.bannerbg{width: 100%;height: 500px;position: relative;}
.bannerword{position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto;width: 100%;height: auto;z-index: 6666;max-width: 1000px;color: #fff;text-align: center;height: 100px;}
.word1{width: 100%;font-size: 30px;line-height: 45px;}
.word2{width: 100%;font-size: 20px;line-height: 35px;}
/*bannerpage*/

@media only screen 

and (min-device-width : 320px) 

and (max-device-width : 768px) {

/* Smartphones (portrait and landscape) ----------- */
/*字体*/

.banner_page{width: 100%;overflow: hidden;}
.bannerbg{width: 100%;height: 700px;position: relative;}
.bannerword{position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto;width: 100%;height: auto;z-index: 6666;max-width: 1000px;color: #fff;text-align: center;height:70px;padding: 0px 10px;}
.word1{width: 100%;font-size: 14px;line-height: 20px;}
.word2{width: 100%;font-size:12px;line-height: 16px;}

/*布局shouji*/
.cloumn-sj{display: none;}
.cloumn-1-sj{width: 8.333333%;float: left;padding: 4px;position: relative;}
.cloumn-2-sj{width: 16.666666%;float: left;padding: 4px;position: relative;}
.cloumn-3-sj{width: 24.999999%;float: left;padding: 4px;position: relative;}
.cloumn-4-sj{width: 33.333333%;float: left;padding: 4px;position: relative;}
.cloumn-5-sj{width: 41.666666%;float: left;padding: 4px;position: relative;}
.cloumn-6-sj{width: 49.999999%;float: left;padding: 4px;position: relative;}
.cloumn-7-sj{width: 57.333333%;float: left;padding: 4px;position: relative;}
.cloumn-8-sj{width: 66.666666%;float: left;padding: 4px;position: relative;}
.cloumn-9-sj{width: 74.999999%;float: left;padding: 4px;position: relative;}
.cloumn-10-sj{width: 83.333333%;float: left;padding: 4px;position: relative;}
.cloumn-11-sj{width: 91.666666%;float: left;padding: 4px;position: relative;}
.cloumn-12-sj{width: 100%;float: left;padding: 4px;position: relative;}
/*布局*/
	.common1200{padding: 0px;}
	.common1200-3{padding: 0px 5px;overflow-x:auto; min-height:450px;}
/*浣嶇疆*/
.tccpl{text-align: center;}
.tccpr{text-align: center;}
.tcrpc{text-align: center;}
.tclpc{text-align: center;}
.tcrpl{text-align: left;}
.tclpr{text-align: right;}
/*placeholder*/
}





/*ipad*/
@media only screen 
and (min-width : 769px) 
and (max-width : 1023px){
.common1200{width: 100%;overflow: hidden;padding: 0px 2%; margin: auto;position: relative;}
.common1200-2{width: 100%;overflow: hidden;max-width: 760px; margin: auto;position: relative;}
.common1200-3{width: 100%;overflow: hidden;padding: 0px 2%; margin: auto;position: relative;}


/*布局pad*/
.cloumn-pad{display: none;}
.cloumn-1-pad{width: 8.333333%;float: left;padding: 6px;position: relative;}
.cloumn-2-pad{width: 16.666666%;float: left;padding: 6px;position: relative;}
.cloumn-3-pad{width: 24.999999%;float: left;padding: 6px;position: relative;}
.cloumn-4-pad{width: 33.333333%;float: left;padding: 6px;position: relative;}
.cloumn-5-pad{width: 41.666666%;float: left;padding: 6px;position: relative;}
.cloumn-6-pad{width: 49.999999%;float: left;padding: 6px;position: relative;}
.cloumn-7-pad{width: 57.333333%;float: left;padding: 6px;position: relative;}
.cloumn-8-pad{width: 66.666666%;float: left;padding: 6px;position: relative;}
.cloumn-9-pad{width: 74.999999%;float: left;padding: 6px;position: relative;}
.cloumn-10-pad{width: 83.333333%;float: left;padding: 6px;position: relative;}
.cloumn-11-pad{width: 91.666666%;float: left;padding: 6px;position: relative;}
.cloumn-12-pad{width: 100%;float: left;padding: 6px;position: relative;}
/*布局*/

/*字体位置*/





.banner_page{width: 100%;overflow: hidden;}
.bannerbg{width: 100%;height: 300px;position: relative;}
.bannerword{position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto;width: 100%;height: auto;z-index: 6666;max-width: 1000px;color: #fff;text-align: center;height: 80px;}
.word1{width: 100%;font-size: 20px;line-height: 35px;}
.word2{width: 100%;font-size: 18px;line-height: 25px;}

}
/*pad*/
@media only screen 
and (min-width : 1024px) 
and (max-width : 1199px){

.common1200{width: 100%;overflow: hidden;padding: 0px 4%; margin: auto;position: relative;}
.common1200-2{width: 100%;overflow: hidden;max-width: 1000px; margin: auto;position: relative;}
.common1200-3{width: 100%;overflow: hidden;padding: 0px 4%; margin: auto;position: relative;}

/*布局*/

.banner_page{width: 100%;overflow: hidden;}
.bannerbg{width: 100%;height: 500px;position: relative;}
.bannerword{position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto;width: 100%;height: auto;z-index: 6666;max-width: 1000px;color: #fff;text-align: center;height: 80px;}
.word1{width: 100%;font-size: 26px;line-height: 40px;}
.word2{width: 100%;font-size: 18px;line-height: 25px;}
/*布局笔记本*/
.cloumn-1-spc{width: 8.333333%;float: left;padding: 8px;position: relative;}
.cloumn-2-spc{width: 16.666666%;float: left;padding: 8px;position: relative;}
.cloumn-3-spc{width: 24.999999%;float: left;padding: 8px;position: relative;}
.cloumn-4-spc{width: 33.333333%;float: left;padding: 8px;position: relative;}
.cloumn-5-spc{width: 41.666666%;float: left;padding: 8px;position: relative;}
.cloumn-6-spc{width: 49.999999%;float: left;padding: 8px;position: relative;}
.cloumn-7-spc{width: 57.333333%;float: left;padding: 8px;position: relative;}
.cloumn-8-spc{width: 66.666666%;float: left;padding: 8px;position: relative;}
.cloumn-9-spc{width: 74.999999%;float: left;padding: 8px;position: relative;}
.cloumn-10-spc{width: 83.333333%;float: left;padding: 8px;position: relative;}
.cloumn-11-spc{width: 91.666666%;float: left;padding: 8px;position: relative;}
.cloumn-12-spc{width: 100%;float: left;padding: 8px;position: relative;}
/*布局*/



}

/*笔记本*/
@media only screen 
and (min-width : 1200px) 
and (max-width : 1680px){
.common1200{width: 1200px; margin: 0 auto;position: relative;}
/*.common1200{width:auto;position: relative;padding: 0px 4%;margin: 0 auto;}
*/.common1200-2{width: 100%;overflow: hidden;max-width: 1200px; margin: auto;position: relative;}
/*.common1200-3{width:auto;position: relative;margin: 0 auto;}
*/.common1200-3{width:auto;position: relative;margin: 0 auto;}
	
/*布局*/

.banner_page{width: 100%;overflow: hidden;}
.bannerbg{width: 100%;height: 500px;position: relative;}
.bannerword{position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto;width: 100%;height: auto;z-index: 6666;max-width: 1000px;color: #fff;text-align: center;height: 80px;}
.word1{width: 100%;font-size: 26px;line-height: 40px;}
.word2{width: 100%;font-size: 18px;line-height: 25px;}



}



@media only screen 
and (min-width : 1680px) 
and (max-width : 1920px){
	.common1200{width: 1200px; margin: 0 auto;position: relative;}

	.common1200-3{width: 100%;position: relative;min-height:500px;overflow: visible;padding: 0px 15%;border: 1px solid rgba(0,0,0,0.00);}

}

@media only screen 
and (min-width : 1920px) 
and (max-width : 2920px){
	.common1200{width: 1200px; margin: 0 auto;position: relative;}

	.common1200-3{width: 100%;min-height:500px;position: relative;overflow: visible;padding: 0px 20%;border: 1px solid rgba(0,0,0,0.00);}

}


/*产品大类*/

.homeproduct{display:inline-block;display:-moz-inline-stack;vertical-align:top;zoom:1;}
.img_box-product{position:relative;top:0;transition:all .5s; }
.img_box-product:hover{box-shadow:3px 4px 5px rgba(0,0,0,.09);}
.homeproduct a:hover img{transform:scale(1.2);}
.homeproduct :hover h4{color:#c9151e;margin-bottom:0;}
.img_box-product{position:relative;display:block;overflow:hidden;font-size:0;line-height:0;}
.img_box-product img{width:100%;transition:all .5s;}
.homeproduct h4{height:50px;background:#f6f6f6; color:#1f262c;font-weight:900;font-size:22px; margin-bottom:0;line-height:50px; text-align:center;transition:all .5s;}

.homeproduct:hover{box-shadow:3px 4px 5px rgba(0,0,0,.09);}


/*应用910*/
.homeyyly .columns{float:left;padding: 0 .225rem .225rem 0}


.homeyyly .img_box-yyly:hover img{transform:scale(1.1); cursor: pointer; }


.img_box-yyly{position:relative;display:block;overflow:hidden;}
.img_box-yyly img{width:100%; height:100%;transition:all .5s;}